<div class="page-role-item">
    <div class="row component">
        <div class="col-xs-6">
            <div class="row">
                <div class="col-xs-3">
                    <label>Role name:</label>
                </div>
                <div class="col-xs-9">
                    <a href="#" editable-text="model.name" buttons="no" blur="submit" e-name="name">{{model.name}}</a>
                </div>
            </div>
        </div>
    </div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom navbar-inverse" role="navigation">
    <div class="container">
        <button class="btn btn-warning navbar-btn" ng-click="back()">Back</button>
        <button class="btn btn-warning navbar-btn pull-right" busy-click="remove(model)" success="Deleted successfully" has-access="Config" ng-show="model.id">Delete</button>
        <button class="btn btn-info navbar-btn" ng-show="model.id" busy-click="update(model)" has-access="Config" success="Updated successfully">Update</button>
        <button class="btn btn-info navbar-btn" ng-hide="model.id" busy-click="save(model)" has-access="Config" success="Created successfully">Save</button>
    </div>
</nav>
